<template>
  <div class="app-container">
    <el-table :data="list" border fit highlight-current-row>
      <el-table-column align="center" label="用户头像">
        <template v-slot="scope"><img :src="scope.row.avatar" alt="avatar" width="50" /></template>
        
      </el-table-column>
      <el-table-column align="center" label="ID">
        <template v-slot="scope">{{ scope.row.id }}</template>
      </el-table-column>
      <el-table-column align="center" label="用户名">
        <template v-slot="scope">{{ scope.row.username }}</template>
      </el-table-column>
      <el-table-column align="center" label="用户昵称">
        <template v-slot="scope">{{ scope.row.nickname }}</template>
      </el-table-column>
      <el-table-column align="center" label="催单时间">
        <template v-slot="scope">{{ scope.row.reminderTime }}</template>
      </el-table-column>
      <el-table-column align="center" label="订单编号">
        <template v-slot="scope">{{ scope.row.orderId }}</template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script lang="js">
import { reminderList } from '@/api/api-v1/reminder'

export default {
  data() {
    return {
      list: []
    }
  },
  methods: {
    fetchData() {
      reminderList().then(res => {
        this.list = res.data
      })
    }
  },
  created() {
    this.fetchData()
  }
}
</script>

<style></style>
